<!DOCTYPE html>
<html>
<head>
	<title>LOGIN/SIGNUP</title>
	<link rel="stylesheet" type="text/css" href="css/register.css">
</head>
<body>
	<div id="navbar">
		<!--dynamic: hides/unhides-->
		<a href="" id="login_link">LOGIN</a>
		
		<p id="logged_in">
			<a href="">Settings</a>&nbsp;&nbsp;<a href="">Logout</a>
		</p>
		
		<ul id="nav">
			<li><a href="index.html">HOME</a></li>
			<li><a href="">ABOUT</a></li>
			<li><a href="">CALENDAR</a></li>
			<li><a href="">CONTACT</a></li>
		</ul>
	</div>
	
	<div id="main">
		<img id="logo" src="img/loginlogo.png" width="95px" height="109px">
		<p id="header">TROOP 410 REGISTRATION</p>
		<div id="reg-container">
			<form id="registration">
				<input class="inputstyle" type="text" placeholder="USERNAME"><br>
				<input class="inputstyle" type="password" placeholder="PASSWORD"><br>
				<input class="inputstyle" type="password" placeholder="CONFIRM PASSWORD"><br>
				<input class="inputstyle" type="text" placeholder="EMAIL ADDRESS"><br>
				<input class="button" type="submit" value="SUBMIT"><br><br>
				<p id="alreadyreg"><strong><em>Already registered? <a href="">Login</a></em></strong></p>
			</form>
		</div>
	</div>
</body>
</html>